<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jqGrid</title>
<base href="<%=basePath%>"/>

<link rel="stylesheet" type="text/css" media="screen" href="admin/css/cupertino/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
	<script src="js/jquery-1.9.0.min.js" type="text/javascript"></script>
	<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
	<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
</head>

<script type="text/javascript">
	$(function() {
		$("#gridTable").jqGrid({
			url : 'admin/jqgrid',
			datatype : "json",
			height : 250,
			colNames : [ '编号', '用户名', '性别', '邮箱', 'QQ', '手机号', '出生日期' ],
			colModel : [ {
				name : 'id',
				index : 'id',
				width : 60,
				sorttype : "int"
			}, {
				name : 'userName',
				index : 'userName',
				width : 90
			}, {
				name : 'gender',
				index : 'gender',
				width : 90
			}, {
				name : 'email',
				index : 'email',
				width : 125,
				sorttype : "string"
			}, {
				name : 'QQ',
				index : 'QQ',
				width : 100
			}, {
				name : 'mobilePhone',
				index : 'mobilePhone',
				width : 120
			}, {
				name : 'birthday',
				index : 'birthday',
				width : 100,
				sorttype : "date"
			} ],
			sortname : 'id',
			sortorder : 'asc',
			viewrecords : true,
			rowNum : 10,
			rowList : [ 10, 20, 30 ],
			jsonReader : {
				root : "dataRows", // 数据行（默认为：rows）   
				page : "curPage", // 当前页   
				total : "totalPages", // 总页数   
				records : "totalRecords", // 总记录数   
				repeatitems : false
			// 设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设   
			},
			prmNames : {
				rows : "page.pageSize",
				page : "page.curPageNo",
				sort : "page.orderBy",
				order : "page.order"
			},
			pager : "#gridPager",
			caption : "jqGrid与Struts2集成"
		}).navGrid('#gridPager', {
			edit : true,
			add : false,
			del : false
		});
	})
</script>
<body>
	http://blog.csdn.net/z_p_h/article/details/7462985
	<table id="gridTable"></table>
	<div id="gridPager"></div>
</body>

</html>